<include file="common/header_lixin" title="购入订单" />
<div class="page">
    <div class="page-hd">
        <div class="header bor-1px-b">
    <div class="header-left">
        <a href="javascript:history.go(-1)" class="left-arrow"></a>
    </div>
    <div class="header-title">购入订单</div>
    <div class="header-right">
        <a href="#"></a>
    </div>
</div>
    </div>

    <div class="page-bd">
        <!-- 页面内容-->
        <div class="weui-tab">
            <div class="weui-navbar">
                <a class='weui-navbar__item <eq name="step" value="1">weui-bar__item--on</eq>'  href="{:U('Acc/Transaction/purchase_orders',array('step'=>1))}"  step="1">
                    未交易
                </a>
                <a class='weui-navbar__item <eq name="step" value="2">weui-bar__item--on</eq>' href="{:U('Acc/Transaction/purchase_orders',array('step'=>2))}" step="2">
                    交易中
                </a>
                <a class='weui-navbar__item <eq name="step" value="3">weui-bar__item--on</eq>' href="{:U('Acc/Transaction/purchase_orders',array('step'=>3))}" step="3">
                    已打款
                </a>
                <a class='weui-navbar__item <eq name="step" value="4">weui-bar__item--on</eq>' href="{:U('Acc/Transaction/purchase_orders',array('step'=>4))}" step="4">
                    已完成
                </a>
                <a class='weui-navbar__item <eq name="step" value="-1">weui-bar__item--on</eq>' href="{:U('Acc/Transaction/purchase_orders',array('step'=>-1))}" step="-1">
                    申诉中
                </a>
            </div>
            <div class="weui-tab__bd">
                <div id="tab1" class='weui-tab__bd-item <eq name="step" value="1">weui-tab__bd-item--active</eq>'>
                    <div id="loadlist1">
                        <!--<div class="weui-cells">-->
                            <!--<div class="weui-cell">-->
                                <!--<div class="weui-cell__bd">-->
                                    <!--<p class="fs24 text-gray">2018-08-20 12:30:20</p>-->
                                <!--</div>-->
                                <!--<div class="weui-cell__ft">-->
                                    <!--<p class="fs26 text-main">挂买中</p>-->
                                <!--</div>-->
                            <!--</div>-->
                            <!--<div class="weui-cell">-->
                                <!--<div class="weui-cell__bd">-->
                                    <!--<p class="fs28 fw600">小情调天使</p>-->
                                    <!--<p class="fs26 mt5">交易数量：11.1151  ACC</p>-->
                                    <!--<p class="fs26 mt5">单价：10.2312$/ACC</p>-->
                                    <!--<p class="fs26 mt5">总价：1121.12$</p>-->
                                <!--</div>-->
                                <!--<div class="weui-cell__ft">-->
                                    <!--<span class="order_btn">取消挂买</span>-->
                                <!--</div>-->
                            <!--</div>-->
                        <!--</div>-->
                    </div>
                </div>
                <div id="tab2" class='weui-tab__bd-item <eq name="step" value="2">weui-tab__bd-item--active</eq>'>
                    <div id="loadlist2">
                        <!--<div class="weui-cells">-->
                            <!--<div class="weui-cell">-->
                                <!--<div class="weui-cell__bd">-->
                                    <!--<p class="fs24 text-gray">2018-08-20 12:30:20</p>-->
                                <!--</div>-->
                                <!--<div class="weui-cell__ft">-->
                                    <!--<p class="fs26 text-main">等待付款给卖家</p>-->
                                <!--</div>-->
                            <!--</div>-->
                            <!--<div class="weui-cell">-->
                                <!--<div class="weui-cell__bd">-->
                                    <!--<p class="fs28 fw600">小情调天使</p>-->
                                    <!--<p class="fs26 mt5">交易数量：11.1151  ACC</p>-->
                                    <!--<p class="fs26 mt5">单价：10.2312$/ACC</p>-->
                                    <!--<p class="fs26 mt5">总价：1121.12$</p>-->
                                <!--</div>-->
                                <!--<div class="weui-cell__ft">-->
                                    <!--<span class="order_btn">付款</span>-->
                                <!--</div>-->
                            <!--</div>-->
                        <!--</div>-->
                    </div>

                </div>
                <div id="tab3" class='weui-tab__bd-item <eq name="step" value="3">weui-tab__bd-item--active</eq>'>
                    <div id="loadlist3">
                        <!--<div class="weui-cells">-->
                            <!--<div class="weui-cell">-->
                                <!--<div class="weui-cell__bd">-->
                                    <!--<p class="fs24 text-gray">2018-08-20 12:30:20</p>-->
                                <!--</div>-->
                                <!--<div class="weui-cell__ft">-->
                                    <!--<p class="fs26 text-main">等待卖家放款</p>-->
                                <!--</div>-->
                            <!--</div>-->
                            <!--<div class="weui-cell">-->
                                <!--<div class="weui-cell__bd">-->
                                    <!--<p class="fs28 fw600">小情调天使</p>-->
                                    <!--<p class="fs26 mt5">交易数量：11.1151  ACC</p>-->
                                    <!--<p class="fs26 mt5">单价：10.2312$/ACC</p>-->
                                    <!--<p class="fs26 mt5">总价：1121.12$</p>-->
                                <!--</div>-->
                            <!--</div>-->
                        <!--</div>-->
                    </div>

                </div>
                <div id="tab4" class='weui-tab__bd-item <eq name="step" value="4">weui-tab__bd-item--active</eq>'>
                    <div id="loadlist4">
                        <!--<div class="weui-cells">-->
                            <!--<div class="weui-cell">-->
                                <!--<div class="weui-cell__bd">-->
                                    <!--<p class="fs24 text-gray">2018-08-20 12:30:20</p>-->
                                <!--</div>-->
                                <!--<div class="weui-cell__ft">-->
                                    <!--<p class="fs26 text-main">交易成功</p>-->
                                <!--</div>-->
                            <!--</div>-->
                            <!--<div class="weui-cell">-->
                                <!--<div class="weui-cell__bd">-->
                                    <!--<p class="fs28 fw600">小情调天使</p>-->
                                    <!--<p class="fs26 mt5">交易数量：11.1151  ACC</p>-->
                                    <!--<p class="fs26 mt5">单价：10.2312$/ACC</p>-->
                                    <!--<p class="fs26 mt5">总价：1121.12$</p>-->
                                <!--</div>-->
                            <!--</div>-->
                        <!--</div>-->
                    </div>

                </div>
                <div id="tab5" class='weui-tab__bd-item <eq name="step" value="-1">weui-tab__bd-item--active</eq>'>
                    <div id="loadlist-1">
                        <!--<div class="weui-cells">-->
                            <!--<div class="weui-cell">-->
                                <!--<div class="weui-cell__bd">-->
                                    <!--<p class="fs24 text-gray">2018-08-20 12:30:20</p>-->
                                <!--</div>-->
                                <!--<div class="weui-cell__ft">-->
                                    <!--<p class="fs26 text-main">订单已取消</p>-->
                                <!--</div>-->
                            <!--</div>-->
                            <!--<div class="weui-cell">-->
                                <!--<div class="weui-cell__bd">-->
                                    <!--<p class="fs28 fw600">小情调天使</p>-->
                                    <!--<p class="fs26 mt5">交易数量：11.1151  ACC</p>-->
                                    <!--<p class="fs26 mt5">单价：10.2312$/ACC</p>-->
                                    <!--<p class="fs26 mt5">总价：1121.12$</p>-->
                                <!--</div>-->
                            <!--</div>-->
                        <!--</div>-->
                        <!--<div class="weui-cells">-->
                            <!--<div class="weui-cell">-->
                                <!--<div class="weui-cell__bd">-->
                                    <!--<p class="fs24 text-gray">2018-08-20 12:30:20</p>-->
                                <!--</div>-->
                                <!--<div class="weui-cell__ft">-->
                                    <!--<p class="fs26 text-main">订单申诉中</p>-->
                                <!--</div>-->
                            <!--</div>-->
                            <!--<div class="weui-cell">-->
                                <!--<div class="weui-cell__bd">-->
                                    <!--<p class="fs28 fw600">小情调天使</p>-->
                                    <!--<p class="fs26 mt5">交易数量：11.1151  ACC</p>-->
                                    <!--<p class="fs26 mt5">单价：10.2312$/ACC</p>-->
                                    <!--<p class="fs26 mt5">总价：1121.12$</p>-->
                                <!--</div>-->
                            <!--</div>-->
                        <!--</div>-->
                    <!--</div>-->

                </div>
            </div>
                <div class="weui-loadmore" style="height:20px;display:none;">
                    <i class="weui-loading"></i>
                    <span class="weui-loadmore__tips">正在加载</span>
                </div>
                <div class="weui-nodate " style="display:none;padding-bottom:30px;height:20px;margin: 1.5em auto;width: 65%;text-align: center;font-size: 14px;">
                    已经到底了
                </div>
        </div>
    </div>
        <include file="common/footer_lixin"/>
</div>


<script>
    $(function() {
        FastClick.attach(document.body);
    });
</script>

<script>
    //加载更多商品
    pages = 1;
    loading = false;  //状态标记
    $(".weui-tab__bd-item").infinite().on("infinite", function () {
        if (loading) return;
        loading = true;
        pages++; //页数
        $('.weui-loadmore').show();
        setTimeout(function () {
            loadlist();
            loading = false;
        }, 1500);   //模拟延迟
    });
    function loadlist() {
        var html = "";
        var type = $('.weui-navbar').find('.weui-bar__item--on').attr('step');
        var data={
            type:type,
            pages:pages,
        };
        $.ajax({
            type: 'POST',
            data:data,
            url: "/index.php?m=Acc&c=Transaction&is_ajax=1&a=ajax_purchase_list&p=" + pages,
            success: function (data) {
//                console.log(data);
                if (data) {
                    $('#loadlist'+type).append(data);
                    $(".weui-loadmore").hide();
                    loading = false;
                } else {
                    loading = true;
                    $(".weui-nodate").show();
                    $(".weui-loadmore").hide();
                    // $('#getmore').remove();
                }
            }
        })
    }
    loadlist();
</script>
<script>
    step={$step};
    //取消
    $('#loadlist1').on('click','.cancel_do',function(e){


        var that = $(this);
        e.stopPropagation();
        var id = that.parents('.pd0').attr('trade_id');

        $.confirm("确定取消吗？", function() {
            //点击确认后的回调函数
            $.ajax({
                type: 'POST',
                dataType:"JSON",
                data:{id:id},
                url: "/index.php?m=Acc&c=Transaction&is_ajax=1&a=cancel_trade",
                success: function (res) {

                    if (res.code==0) {
                        $.toast("取消成功",1000);
                        that.parents('.pd0').remove();
                    } else {
                        $.toast(res.msg, "cancel");
                    }
                }
            })

        }, function() {
            //点击取消后的回调函数
        });
    })
    $('#loadlist'+step).on('click','.detail_do',function(e){
        var that = $(this);
        var id = that.attr('trade_id');
        window.location.href="/index.php?m=Acc&c=Transaction&a=confirm_the_money&id="+id;
    });
</script>
</body>
</html>